import React, { useState } from 'react';
import { Modal, Button,Input,Form,Radio } from 'antd';

export default function Repassword() {

    const [isModalVisible, setIsModalVisible] = useState(false);

    const showModal = () => {
      setIsModalVisible(true);
    };
  
    const handleOk = () => {
      setIsModalVisible(false);
    };
  
    const handleCancel = () => {
      setIsModalVisible(false);
    };
  return (

     <>
      <Button  onClick={showModal} block>
      重置登录密码
      </Button>
      <Modal title="重置登录密码" visible={isModalVisible} onOk={handleOk} onCancel={handleCancel}>
      <Form.Item name={['user', 'website']} label="登录密码"  rules={[{ required: true }]}>
    <Input    placeholder='请输入登录密码'
               />
              
      </Form.Item>
      <Form.Item name={['user', 'website']} label="重复登录密码"  rules={[{ required: true }]}>
    <Input    placeholder='请输入重复登录密码'
               />
              
      </Form.Item>
      </Modal>
    </>
  )
}
